
/* 指代根元素 ,定义css变量“--”开始*/
/* 参考系是960系统 
槽宽8px/960px=0.008.。。。。 
列占位宽度：宽度百分比1/12=0.833333333333
列宽：0.8333333-0.008333333=0.075
*/
:root{
    --gutter-x:083333333%;
    --gutter-y:0.5rem;
    --col-width:75%

}
div {
    overflow: hidden;
    white-space: nowrap;
}

*,
*::before,
*::after {
    /* 置成替代盒子 */
    box-sizing: border-box;

}

.bg{
    background: rgb(144,179,255);
}

.container{
    width: 90%;
    margin: 0 auto;
}
.row{
    margin-top: calc(var(--gutter-y));
}

.col::after{

}
.col{
    float: left;
    background: rgb(245, 161, 181);
    margin: calc(var(--gutter-x));
}

